<template>
  <div class="proxy-box">
    <div class="target-power">
      <span :style="
                  parseInt(scope.row.lithiumValue) > 20
                    ? 'color: #08C172'
                    : 'color: red'
                ">{{ scope.row.lithiumValue }}</span>
      <span v-show="scope.row.status">&nbsp;|&nbsp;<span :style="
                    scope.row.status == '在线'
                      ? 'color: #08C172'
                      : 'color: var(--prev-border-color-lightgrey)'
                  ">{{ scope.row.status }}</span>
      </span>
      <div v-show="scope.row.charging == 1"
           class="power">
        <span>&nbsp;|&nbsp;</span>
        <icon-svg icon-name="chongdian" />
      </div>
    </div>
    <span v-show="
                !scope.row.lithiumValue &&
                !scope.row.status &&
                !scope.row.charging
              ">--</span>
  </div>
</template>

<script>
export default {
  name: 'ProxyCloumn',
  props: {
    scope: {
      type: Object,
      default: () => { }
    }
  },
  data () {
    return {

    }
  },
  computed: {
    // greaterThan () {
    //   return row => {
    //     if (row?.lithiumValue) {
    //       return parseInt(row?.lithiumValue) > 20 ? 'color: #08C172' : 'color: red'
    //     }
    //   }
    // },
    // isExist () {
    //   return row => row?.status == '在线' ? 'color: #08C172' : 'color: var(--prev-border-color-lightgrey)'
    // }
  }
}
</script>

<style scoped>
</style>